<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    DOM节点
    childNodes子节点 不兼容高级浏览器        nodeType 元素类型
     获取子节点  子节点只算第一层

     children  同childNodes一样用法，并且兼容所有浏览器

    parentNode 父节点
     例子：点击链接，隐藏整个li

    offsetParent
     例子：获取元素在页面上的实际位置

</div>
</body>
</html>